Project: Team Unwired – NIT Calicut Official Website Objective Create a modern, professional, and creative webpage layout for Team Unwired. The design should be visually clean, organized into clear sections, and avoid excessive white space. The webpage should feel structured, intuitive, and engaging. Layout Structure Navbar (Top Fixed) Full-width navigation bar with logo on the left and links on the right. Links: Home, Vision, Projects, Events, Gallery, Team, Sponsors, Contact. Hamburger Menu for mobile view. Hero Section (Landing) Full-width banner image with a bold tagline: “Team Unwired – Engineering Innovation in Motion”. Two Call-to-Action buttons below the text: Explore Projects and Join Us. Vision & Mission Section Short mission/vision statements. Presented using icon cards (gear, lightbulb, road). Projects Section Card layout with images + titles + descriptions for: SUPRA SAE BAJA SAE LUMOS Each card should be clean and consistent. Events & Highlights Section Timeline component showing major milestones, workshops, and expos. Each timeline node includes a thumbnail image, title, and date. Gallery Section Grid layout of images. Clicking a thumbnail should expand into a larger view (lightbox style in real use, static representation in mockup). Team & Advisors Section Grid of profile cards with headshot placeholders, names, and roles. Separate rows for Faculty Advisors and Team Members. Sponsors Section Logo carousel or grid with equal-sized sponsor logo placeholders. Grayscale effect can be implied. Contact / Join Us Section Two-column layout: Left side: message about joining or contacting Team Unwired. Right side: contact details (address, email, phone, map placeholder). Footer Section (Bottom) Dark background footer with 3–4 column grid: About Team Unwired (short blurb + link). Quick Links (Home, Projects, Events, Gallery, Contact). Sponsors / Advisors. Contact info + social media icons. Bottom bar: “© 2025 Team Unwired, NIT Calicut | Built with Passion”. Design Principles Clean spacing (no large empty white gaps). Clear sectional hierarchy. Balanced use of imagery and text. Professional but creative layout.

Project: Team Unwired – NIT Calicut Automotive Technical Club Objective Design a striking, professional, and clean static mockup of a one-page website that captures Team Unwired’s engineering spirit, community engagement, and innovation journey—no clutter, only clarity and energy. Layout Structure (Use technical layout names) Navbar Top fixed navigation bar: logo/name on left, links (Home, Vision, Projects, Events, Gallery, Team, Contact) on right. Include a Hamburger Menu indicator for mobile contexts. Hero Section Full-width banner featuring dynamic imagery (race car or team in action). Overlay tagline: “Team Unwired – Engineering Dreams into Motion”. Two prominent Call-to-Action buttons: Explore Projects | Join the Journey. About / Vision Section One or two punchy lines explaining the club: “Student-led automotive innovators at NIT Calicut. We build SUPRA SAE cars, wild Baja machines, and spark creativity with Lumos.” Use icon-enhanced callouts (e.g., car, rugged vehicle, CAD icon). Projects Section Clean card layout for each core project—SUPRA SAE, BAJA SAE, Lumos—with image thumbnail, title, and concise description. Current Focus Section Highlight current racing projects: SUPRA SAE India (Oct–Nov 2024), E-ATV for SAE E-BAJA (March 2025). Display in a horizontal info strip or three-column summary. Events & Highlights Section Use a timeline or grid layout to showcase past events like IGNIS 3.0 Workshop, DISHA EXPO, school visits, workshops since 2014. Include dates and event titles, maybe a tiny image. Social Impact / Mentorship Section Brief block about Lumos initiative teaching CAD to underprivileged kids. Another about alumni mentoring, project planning, and financial transparency. Gallery Section Grid of image tiles—snapshots of team, builds, workshops. Represent lightbox effect statically (e.g., border highlight on one thumbnail). Team & Advisors Section Profile card grid: faculty advisors (Dr. V. Sajith, Dr. Shijo Thomas) followed by student core team placeholders. Contact Section Two-column layout: Left: “Want to be part of our next build—or just say hi?” Right: contact details: Team Unwired email, advisor emails, phone numbers, NIT Calicut address, and a map placeholder icon. Footer Dark-background multi-column footer: About (short blurb). Quick Links (Projects, Events, Contact). Social Media Icons (IG, X, Facebook). Copyright line: “© 2025 Team Unwired, NIT Calicut”. Design Principles Tidy section spacing (no odd empty gaps). Clear visual hierarchy: sections flow logically. Bold, confident layout—yet open and inviting. Static and clean: great for presentation or future coding.